<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<meta name="misapplication-tap-highlight" content="no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title></title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<style>
			.bian-bg {
	background: -ms-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -moz-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -webkit-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -webkit-linear-gradient(left, #3E9BE1, #0CEEED);
	background: -o-linear-gradient(left,  #3E9BE1, #0CEEED);
	height: 200px;
}
body,.mui-content{
	background: white;
}
.containers{
	height: 450px;
	position: relative;
}
.info-container{
	position: absolute;
	width: 90%;
	margin-left: 5%;
	border-radius: 10px;
	border-bottom: 1px solid #f0f0f0;
	height: 80%;
	background: rgba(245,245,245,0.5);
	bottom: 0px;
}
.head-container{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0px auto;
	margin-top: -50px;
}
.da{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 50px;
	color: #FF0000;
}
		</style>
	</head>
	<body>		
		
		<div class="mui-content">
		    
		    <div class="containers">
		    	<div class="bian-bg">
		    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;margin: 15px;"></a>	
		    	</div>
		    	<div class="info-container">
		    		<div class="head-container">
		    			<img src="../img/bg-01.png" class="fill-h fill-w" />
		    		</div>
		    		<div onclick="onBill()" class="da">
		    			账单
		    		</div>
		    		<div class="text-center" style="font-size: 2.0rem;">
		    			事
		    		</div>
		    		<div class="text-center">
		    			<img src="../img/money.png" style="width: 50px;" />
		    		</div>
		    		<div class="text-center" style="color: #007AFF;font-size: 2.4rem;margin-bottom: 20px;">
		    			5.00元
		    		</div>
		    		<div class="text-center">
		    			账户余额
		    		</div>
		    		<div style="width: 80%;height: 1px;background: #f0f0f0;margin: 10px auto;"></div>
		    	
		    		<div class="text-center">
		    			<div onclick="onPay()" style="display: inline-block;margin-right: 15px;">
		    				<img src="../img/chongzhi.png" style="width: 50px;" /><br>
		    				充值
		    			</div>
		    			<div onclick="onWithdrawal()" style="display: inline-block;">
		    				<img src="../img/tixian.png" style="width: 50px;" /><br>
		    				提现
		    			</div>
		    		</div>
		    	
		    	</div>
		    </div>
		    
		    
		    
		    
		    
		</div>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script src="../js/local-keys.js"></script>
		
		<script>
			mui.init();
			
			//充值
			function onPay(){
				mui.openWindow({
						url: "my-yue-chongzhi.html",
						
			        });
			}
			
			//提现
			function onWithdrawal(){
				mui.openWindow({
						url: "my-yue-tixian.html",
						
			        });
			}
			//账单
			function onBill(){
				mui.openWindow({
						url: "my-yue-list.html",
						
			        });
				
			}
			
		</script>
	</body>
</html>